.clear {
clear: both;
}
.carousel {
width: auto;
max-height: 768px;
overflow: hidden;
}
.carousel:hover {
visibility: visible;
color: white;
}
.carousel .carousel>.carousel-control {
visibility: hidden;
}
.carousel .carousel-control {
visibility: visible;
color: white;
}
.carousel .carousel-inner {
background-color: transparent;
}
.wrapper {
position: relative;
}
.wrapperContainer {
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.wrapperFixed {
position: fixed;
width: 100%;
}
.carousel .carousel-caption {
background: #000 none repeat scroll 0 0;
bottom: 0;
height: 55px;
left: auto;
line-height: 55px;
padding: 0;
position: absolute;
right: auto;
text-align: center;
width: 100%;
opacity: 0.5;
}
.carousel .carousel-caption p {
font-size: 18px;
font-weight: 300;
}
.carousel .item img {
height: 100%;
margin-left: auto;
margin-right: auto;
max-height: 600px;
min-width: auto;
width: auto;
}
.carousel-indicators .active {
background: #31708f;
}
.content {
margin-top: 20px;
}
.adjust1 {
float: left;
width: 100%;
margin-bottom: 0;
}
.adjust2 {
margin: 0;
}
.carousel-indicators li {
border: 1px solid #ccc;
}
.carousel-control {
color: #31708f;
width: 5%;
}
.carousel-control:hover,
.carousel-control:focus {
color: #31708f;
}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
.media-object {
margin: auto;
margin-top: 15%;
}
@media screen and (max-width: 768px) {
.media-object {
margin-top: 0;
}
}
h1,
h2,
h3,
h4 {
margin: 0px;
}
.nopadding {
padding: 0px;
}
p {
margin: 0px;
}
header {
background: #fff;
}
.redBG {
background: url("../images/homeelement/HeaderTitleRedBG.png") no-repeat scroll center right/ 100%;
min-height: 455px;
text-align: right;
display: table;
width: 100%;
}
.redBG>p {
color: #fff;
display: table-cell;
font-family: lato;
font-weight: 800;
height: 455px;
padding-right: 100px;
text-align: right;
vertical-align: middle;
}
.hdrtitile {
margin-top: 19px;
}
.hdrtitile h2 {
font-size: 22px;
font-weight: 800;
}
.hdrtitile p {
color: #000;
font-size: 18px;
font-weight: 300;
line-height: 20px;
}
.hdrBookNow {
background: #fff url("../images/2_Book_Now_1.png") no-repeat scroll right 7px / 260px auto;
display: inline-block;
height: 46px;
vertical-align: middle;
width: 100%;
}
.hdrBookNow:hover {
background: #fff url("../images/2_Book_Now_Onmauseover.png") no-repeat scroll right 7px / 260px auto;
display: inline-block;
height: 46px;
vertical-align: middle;
width: 100%;
}
.homeBanner {
height: 385px;
text-align: right;
}
.homeBanner:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.bannerElement {
display: inline-block;
vertical-align: middle;
}
.homeAboutSec {
background: #fff url("../images/homeelement/homeAboutBG.png") no-repeat scroll 0 0;
}
.nk-header-title .noImg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: -50px;
}
/*------------------------- Box Blue ------------------------- */
.boxBlue {
align-items: center;
background: #0066cc none repeat scroll 0 0;
display: flex;
min-height: 600px;
text-align: center;
}
.boxBlue .boxBlueVM {
width: 100%
}
.boxBlue p {
color: #fff;
font-size: 24px;
line-height: 33px;
margin: 0;
text-align: center;
width: 100%;
margin-bottom: 30px;
}
p.howtoreach {
color: #fff;
font-size: 24px !important;
line-height: 33px !important;
margin: 0px;
padding: 0 90px !important;
text-align: center !important;
width: 100%;
}
h1.howtoreach {
color: #fff;
font-size: 24px !important;
line-height: 33px;
margin: 0px 0px 20px 0;
padding: 0 52px;
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: 700 !important;
}
.boxBlue a {
-moz-user-select: none;
background-color: transparent;
border: 0 none;
cursor: pointer;
display: inline-block;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
vertical-align: middle;
white-space: nowrap;
color: #fff;
text-decoration: none;
}
.boxBlue a:hover {
font-weight: 700;
}
.boxImg {
align-items: center;
background: #fff;
display: flex;
min-height: 600px;
text-align: center;
}
.boxImg .boxBlueVM {
width: 100%
}
.boxImg img {
width: 300px;
}
.boxCenterImg {}
#homeA1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#homeA1 span {
color: #000;
font-weight: 300;
text-transform: uppercase;
}
#homeA1:hover {
text-decoration: none !important;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#homeA1:hover+#homeA2 {
background: #fff url(../../images/explore-mandrem-hover.png) scroll no-repeat center center / 375px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#homeA2 {
background: #fff url(../../images/explore-mandrem.png) scroll no-repeat center center / 375px;
height: 375px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
/*------------------------- Box Red ------------------------- */
.boxRed {
align-items: center;
background: #ff0000 none repeat scroll 0 0;
display: flex;
min-height: 600px;
text-align: center;
}
.boxRed .boxRedVM {
width: 100%
}
.boxRed p {
color: #fff;
font-size: 24px;
line-height: 33px;
margin: 0;
text-align: center;
width: 100%;
margin-bottom: 30px;
}
.boxRed a {
-moz-user-select: none;
background-color: transparent;
border: 0 none;
cursor: pointer;
display: inline-block;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
vertical-align: middle;
white-space: nowrap;
color: #fff;
text-decoration: none;
}
.boxRed a:hover {
font-weight: 700;
}
.boxImg {
align-items: center;
background: #fff;
display: flex;
min-height: 600px;
text-align: center;
}
.boxImg .boxRedVM {
width: 100%
}
.boxImg img {
width: 300px;
}
.boxCenterImg {}
#homeB1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
line-height: 22px;
}
#homeB1 span {
color: #000;
font-size: 23px;
font-weight: 300;
text-transform: uppercase;
}
#homeB1:hover {
text-decoration: none !important;
}
#homeB1:hover+#homeB2 {
background: #fff url(../images/homeelement/6_Room_&_Rates_Onmouseover.png) scroll no-repeat center center / 270px;
}
#homeB2 {
background: #fff url(../images/homeelement/6_Room_&_Rates_1.png) scroll no-repeat center center / 270px;
height: 300px;
}
#homeE1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
line-height: 22px;
}
#homeE1 span {
color: #000;
font-size: 23px;
font-weight: 300;
text-transform: uppercase;
}
#homeE1:hover {
text-decoration: none !important;
}
#homeE1:hover+#homeE2 {
background: #fff url(../images/homeelement/9_The_Team_Onmouseover.png) scroll no-repeat center center / 270px;
}
#homeE2 {
background: #fff url(../images/homeelement/9_The_Team_1.png) scroll no-repeat center center / 270px;
height: 300px;
}
/*------------------------- Box Yellow ------------------------- */
.boxYellow {
align-items: center;
background: #ffcc00 none repeat scroll 0 0;
display: flex;
min-height: 600px;
text-align: center;
}
.boxYellow .boxYellowVM {
width: 100%
}
.boxYellow p {
color: #fff;
font-size: 24px;
line-height: 33px;
margin: 0;
text-align: center;
width: 100%;
margin-bottom: 30px;
}
.boxYellow a {
-moz-user-select: none;
background-color: transparent;
border: 0 none;
cursor: pointer;
display: inline-block;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
vertical-align: middle;
white-space: nowrap;
color: #fff;
text-decoration: none;
}
.boxYellow a:hover {
font-weight: 700;
}
.boxImg {
align-items: center;
background: #fff;
display: flex;
min-height: 600px;
text-align: center;
}
.boxImg .boxYellowVM {
width: 100%
}
.boxImg img {
width: 300px;
}
.boxCenterImg {}
#homeC1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
line-height: 22px;
}
#homeC1 span {
color: #000;
font-size: 23px;
font-weight: 300;
text-transform: uppercase;
}
#homeC1:hover {
text-decoration: none !important;
}
#homeC1:hover+#homeC2 {
background: #fff url(../images/homeelement/7_Facilities_&_Services_Onmouseover.png) scroll no-repeat center center / 270px;
}
#homeC2 {
background: #fff url(../images/homeelement/7_Facilities_&_Services_1.png) scroll no-repeat center center / 270px;
height: 300px;
}
#homeF1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
line-height: 22px;
}
#homeF1 span {
color: #000;
font-size: 23px;
font-weight: 300;
text-transform: uppercase;
}
#homeF1:hover {
text-decoration: none !important;
}
#homeF1:hover+#homeF2 {
background: #fff url(../images/homeelement/10_How_to_reach_us_onmouseover.png) scroll no-repeat center center / 270px;
}
#homeF2 {
background: #fff url(../images/homeelement/10_How_to_reach_us_1.png) scroll no-repeat center center / 270px;
height: 300px;
}
/*------------------------- Box Blue ------------------------- */
.boxBlue1 {
align-items: center;
background: #0066cc none repeat scroll 0 0;
display: flex;
min-height: 600px;
text-align: center;
}
.boxBlue1 .boxBlueVM1 {
width: 100%
}
.boxBlue1 p {
color: #fff;
font-size: 24px;
line-height: 33px;
margin: 0;
text-align: center;
width: 100%;
margin-bottom: 30px;
}
.boxBlue1 a {
-moz-user-select: none;
background-color: transparent;
border: 0 none;
cursor: pointer;
display: inline-block;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
vertical-align: middle;
white-space: nowrap;
color: #fff;
text-decoration: none;
}
.boxBlue1 a:hover {
font-weight: 700;
}
.boxImg {
align-items: center;
background: #fff;
display: flex;
min-height: 600px;
text-align: center;
}
.boxImg .boxBlueVM1 {
width: 100%
}
.boxImg img {
width: 300px;
}
.Reach img {
width: 375px;
}
.boxCenterImg {}
#homeD1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
line-height: 22px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
}
#homeD1 span {
color: #000;
font-size: 23px;
font-weight: 300;
text-transform: uppercase;
}
#homeD1:hover {
text-decoration: none !important;
}
#homeD1:hover+#homeD2 {
background: #fff url(../images/homeelement/8_Photos_&_Videos_1.png) scroll no-repeat center center / 270px;
}
#homeD2 {
background: #fff url(../images/homeelement/8_Photos_&_Videos_Onmouseover.png) scroll no-repeat center center / 270px;
height: 300px;
}
#ReachD1:hover+#ReachD2 {
background: #fff url(../../images/how-to-reach-us-onmouseover.png) scroll no-repeat center center / 375px;
}
#ReachD2 {
background: #fff url(../../images/how-to-reach-us-1.png) scroll no-repeat center center / 375px;
height: 375px;
}
#ReachD1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 23px;
font-weight: 800;
left: 50%;
padding: 5px 15px;
line-height: 22px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-50%);
text-decoration: none;
}
.videoBG {
background: #ccc;
}
video {
width: 100%;
height: auto;
}
.embed-responsive-16by9 {
padding-bottom: 55%;
}
.blog {}
.blog img {
display: inline-block !important;
width: 150px;
}
.blog h2 {
margin: 15px 0;
font-size: 18px;
font-weight: 700;
min-height: 57px;
}
.blog p {
color: #000;
line-height: 18px;
padding: 0 15px;
margin-bottom: 15px;
}
.blog a {
text-decoration: none;
color: #000;
font-weight: 600;
}
.blog a:hover {
text-decoration: none;
color: #000;
font-weight: 800;
}
.socilaM img {
display: inline-block !important;
}
.socialbgBlue {
background: #0066cc;
padding: 50px 0px;
position: relative;
z-index: 100;
}
footer {}
.footerRed {
background: #ff0000;
min-height: 300px;
align-items: center;
display: flex;
text-align: center;
}
.footerRedVM {
width: 100%
}
.footerRed h2 {
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 26px;
}
.footerRed p {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.footerRed a {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
footer .footerYellow {
background: #ffcc00;
}
.footerYellow {
background: #ffcc00;
min-height: 300px;
align-items: center;
display: flex;
text-align: center;
}
.footerYellowVM {
width: 100%
}
.footerYellow a {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-decoration: none;
}
.footerYellow a:hover;
{
font-weight: 700;
line-height: 26px;
}
.footerYellow p {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 15px;
}
.testimonials {
background: #fff;
padding: 100px 15px;
}
/*// Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 320px) and (max-width: 575px) {
.nk-nav-table .mt-35 {
margin-top: 0px !important;
}
.hdrBookNow {
background: #fff url("../images/2_Book_Now_1.png") no-repeat scroll right 15px / 135px auto;
}
.hdrBookNow:hover {
background: #fff url("../images/2_Book_Now_Onmauseover.png") no-repeat scroll right 15px / 135px auto;
}
.nk-navbar .nk-nav {
padding-left: 0;
position: relative;
}
.nk-icon-burger {
width: 30px;
}
.nk-icon-burger>span {
width: 30px;
}
.nk-icon-burger .nk-t-1 {
margin-top: -11px;
}
.nk-icon-burger .nk-t-3 {
margin-top: 11px;
}
.nk-navbar-full .nk-nav-header {
margin-right: 0px;
padding: 0;
}
.nk-navbar-full .nk-nav-header .nk-nav-close {
padding: 28px 15px 0;
}
.bg-white .mt-30 {
margin: 0px !important
}
.homeBanner.pr-0 {
padding-right: 15px !important;
}
.homeBanner {
height: auto;
text-align: inherit;
}
.col-md-7.pl-0 {
padding-left: 0;
padding-right: 0;
}
.redBG>p {
color: #fff;
display: table-cell;
font-family: lato;
font-size: 15px;
font-weight: 800;
height: 200px;
padding-right: 25px;
text-align: right;
vertical-align: middle;
}
.redBG {
background: rgba(0, 0, 0, 0) url("../images/homeelement/HeaderTitleRedBG.png") no-repeat scroll right center / 100% 100%;
}
/*.bg-image{background-image: url("../images/homeelement/homeAboutBG-Responsive.png");
background-position: center top !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}*/
.bg-image,
.bg-image>div,
.bg-video,
.bg-video>div {
background-image: url("../images/homeelement/homeAboutBG-Responsive.png");
background-position: center top !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.nk-header-title {
display: block;
margin-top: -245px;
position: relative;
text-align: center;
z-index: 0;
}
.homeBanner {
height: auto;
text-align: center;
}
.homeBanner.pr-0 {
padding-right: 15px !important;
}
.bannerElement img {
position: relative;
top: 45px;
width: 213px;
z-index: 10;
}
.bg-image,
.bg-image>div,
.bg-video,
.bg-video>div {
background-position: right -455px top;
background-size: cover;
}
.nk-header-title .noImg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 23px;
}
.nk-header-title .noImg img {
width: 100px;
}
div.lead-sm {
font-family: lato;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 0 30px;
text-align: justify;
}
.nk-btn {
font-size: 20px;
}
.nk-btn-long {
margin-top: 75px;
padding-left: 43px;
padding-right: 43px;
}
.boxBlue {
min-height: 400px;
}
.boxRed {
min-height: 400px;
}
.boxBlue1 {
min-height: 400px;
}
.boxYellow {
min-height: 400px;
}
.boxImg {
min-height: 400px;
}
.boxBlue p {
color: #fff;
font-size: 16px;
line-height: 22px;
margin: 0 0 20px;
}
.boxBlue a {
font-size: 18px;
}
.boxRed p {
color: #fff;
font-size: 16px;
line-height: 22px;
margin: 0 0 20px;
text-align: center;
width: 100%;
}
.boxRed a {
font-size: 18px;
}
.redBG {
background: rgba(0, 0, 0, 0) url("../images/homeelement/HeaderTitleRedBG.png") no-repeat scroll right center / 100% auto;
height: 396px;
position: relative;
display: table;
top: -95px;
width: 100%;
}
.nk-header-title .noImg {
bottom: 0;
left: 0;
position: relative;
right: 0;
top: -105px;
}
#homeA1 {
background: #fff none repeat scroll 0 0;
color: #000;
font-size: 17px;
font-weight: 800;
left: 31%;
padding: 5px 15px;
position: absolute;
text-transform: uppercase;
top: 48%;
transform: translateX(-20%);
}
}
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
.nk-nav-table .mt-35 {
margin-top: 0px !important;
}
.redBG {
background: rgba(0, 0, 0, 0) url("../images/homeelement/HeaderTitleRedBG.png") no-repeat scroll right center / 100% auto;
height: 396px;
position: relative;
display: table;
top: -95px;
width: 100%;
}
.hdrBookNow {
background: #fff url("../images/2_Book_Now_1.png") no-repeat scroll right 15px / 135px auto;
}
.hdrBookNow:hover {
background: #fff url("../images/2_Book_Now_Onmauseover.png") no-repeat scroll right 15px / 135px auto;
}
.nk-navbar .nk-nav {
padding-left: 0;
position: relative;
}
.nk-icon-burger {
width: 30px;
}
.nk-icon-burger>span {
width: 30px;
}
.nk-icon-burger .nk-t-1 {
margin-top: -11px;
}
.nk-icon-burger .nk-t-3 {
margin-top: 11px;
}
.nk-navbar-full .nk-nav-header {
margin-right: 0px;
padding: 0;
}
.nk-navbar-full .nk-nav-header .nk-nav-close {
padding: 28px 15px 0;
}
.bg-white .mt-30 {
margin: 0px !important
}
.homeBanner.pr-0 {
padding-right: 15px !important;
}
.homeBanner {
height: auto;
text-align: inherit;
}
.col-md-7.pl-0 {
padding-left: 0;
padding-right: 0;
}
.redBG>p {
color: #fff;
display: table-cell;
font-family: lato;
font-size: 12px;
font-weight: 800;
height: 200px;
padding-right: 25px;
text-align: right;
vertical-align: middle;
}
.redBG {
background: rgba(0, 0, 0, 0) url("../images/homeelement/HeaderTitleRedBG.png") no-repeat scroll right center / 100% 100%;
}
.homeBanner {
height: auto;
text-align: center;
}
.homeBanner.pr-0 {
padding-right: 15px !important;
}
.bannerElement img {
position: relative;
top: 45px;
width: 213px;
z-index: 10;
}
.bg-image,
.bg-image>div,
.bg-video,
.bg-video>div {
background-position: right -455px top;
background-size: cover;
}
.nk-header-title .noImg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 23px;
}
.nk-header-title .noImg img {
width: 100px;
}
div.lead-sm {
font-family: lato;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 0 30px;
text-align: justify;
}
.nk-btn {
font-size: 20px;
}
.nk-btn-long {
margin-top: 75px;
padding-left: 43px;
padding-right: 43px;
}
.bg-image,
.bg-image>div,
.bg-video,
.bg-video>div {
background-image: url("../images/homeelement/homeAboutBG-Responsive.png");
background-position: center top !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.nk-header-title .noImg {
bottom: 0;
left: 0;
position: relative;
right: 0;
top: -105px;
}
}
/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
.bannerElement img {
width: 290px !important;
}
.redBG>p {
color: #fff;
display: table-cell;
font-family: lato;
font-weight: 800;
height: 455px;
padding-right: 55px;
text-align: right;
vertical-align: middle;
font-size: 15px;
}
.hdrtitile {
margin-top: 20px;
text-align: center;
}
.hdrtitile p {
color: #000;
font-size: 17px;
font-weight: 300;
line-height: 20px;
}
.hdrtitile h2 {
font-size: 20px;
font-weight: 800;
}
.hdrBookNow {
background: #fff url("../images/2_Book_Now_1.png") no-repeat scroll right 7px / 225px auto;
}
.hdrBookNow:hover {
background: #fff url("../images/2_Book_Now_Onmauseover.png") no-repeat scroll right 7px / 225px auto;
}
.booksm.mt-35 {
margin-top: 20px !important;
}
.togglesm.mt-35 {
margin-top: 20px !important;
}
.bg-image,
.bg-image>div,
.bg-video,
.bg-video>div {
background-position: center center;
background-size: cover;
}
}
/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
.hdrtitile {
padding-left: 30px;
}
}
/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}
@media (min-width: 320px) and (max-width: 767px) {
.carousel .item img {
/*height: 250px;
width: 100%;*/
margin-left: auto;
margin-right: auto;
max-height: 250px;
min-width: auto;
object-fit: contain;
}
#myCarousel .carousel-control.right,
.carousel-control.right {
/*background: rgba(0, 0, 0, 0) url("../images/photoandvideo/arrowNext.png") no-repeat scroll right 0px center / 30px auto !important;*/
}
#myCarousel .carousel-control.left,
.carousel-control.left {
/*background: rgba(0, 0, 0, 0) url("../images/photoandvideo/arrowPre.png") no-repeat scroll left 0px center / 30px auto !important;*/
}
.readMore a {
font-size: 16px !important;
text-align: center;
white-space: normal !important;
color: #000;
text-decoration: none;
}
.carousel .carousel-caption p {
font-size: 16px;
font-weight: 300;
}
.carousel .carousel-caption {
background: #000 none repeat scroll 0 0;
bottom: 0;
height: 40px;
left: auto;
line-height: 40px;
opacity: 0.5;
padding: 0;
position: absolute;
right: auto;
text-align: center;
width: 100%;
}
/* Carousel base class */
#myCarousel .carousel {
min-height: 180px;
}
#myCarousel .carousel .item {
min-height: 180px;
}
.iframevideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 180px !important;
max-height: 180px;
height: 100%;
}
.carousel-control.right {
left: auto;
right: 6px;
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
padding: 24px;
}
.testimonials {
background: #fff none repeat scroll 0 0;
padding: 100px 15px;
}
.boxBlue1 a {
font-size: 18px;
}
.boxYellow a {
font-size: 18px;
}
.boxYellow p {
color: #fff;
font-size: 24px;
line-height: 33px;
margin: 0 0 20px;
text-align: center;
width: 100%;
}
.boxBlue1 p {
color: #fff;
font-size: 16px;
line-height: 22px;
margin: 0 0 20px;
text-align: center;
width: 100%;
}
.aboutus .bannerElement img {
position: inherit;
top: 45px;
width: 213px;
z-index: 10;
}
.aboutus .abboxImg img {
width: 100%;
height: auto !important;
object-fit: cover;
}
.aboutus .boxBlue {
min-height: 270px !important;
}
.aboutus .boxRed {
min-height: 270px !important;
}
.aboutus .boxYellow {
min-height: 270px !important;
}
.aboutus .boxBlue1 {
min-height: 270px !important;
}
h1.howtoreach {
color: #fff;
font-size: 16px !important;
font-weight: 700;
line-height: 22px;
margin: 0;
padding: 30px 25px 0 !important;
text-align: center;
text-transform: uppercase;
width: 100%;
}
p.howtoreach {
color: #fff;
font-size: 16px !important;
line-height: 22px !important;
margin: 0;
text-align: center !important;
padding: 5px 25px 30px !important;
}
.termsandcon {
overflow: hidden;
background-image: none !important;
background-attachment: none !important;
background-repeat: no-repeat !important;
}
.termsandcon .terms {
padding-right: 0px !important;
margin-bottom: 35px;
}
.terms.mt-50 {
margin-top: 0px !important;
}
.left-content.nopadding {
padding: 15px;
}
.termsandcon .terms h1 {
font-size: 16px !important;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
}
.termsandcon .terms p {
font-size: 15px;
font-weight: 400;
line-height: 22px;
text-align: justify;
}
.termsandcon .right-content {
background: #0066cc;
padding-bottom: 100%;
margin-bottom: -100%;
}
.termsandcon .right-content ul {
margin: 0 !important;
}
.termsandcon .right-content li {
line-height: 35px;
list-style: outside none none;
}
.termsandcon .right-content li a {
color: #fff;
font-size: 18px;
text-decoration: none;
}
.termsandcon .right-content li a:hover {
font-weight: bold;
}
.termsandcon .nopadding-xs {
padding: 0px;
}
.carousel {
margin-left: 0px;
margin-right: 0px;
width: inherit;
}
.aboutusBanne p {
color: #000;
font-size: 20px !important;
}
}
.carousel-control {
bottom: 0;
color: #fff;
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
opacity: 1;
}
.text-info {
color: #000;
font-family: lato;
font-weight: 500;
}
.aboutus {}
.aboutusBanne p {
color: #000;
font-size: 30px;
}
.aboutus .aboutusBanne {
padding: 50px 0
}
.aboutus .abboxImg {
width: 100%;
max-height: 540px;
}
.aboutus .abboxImg img {
width: 100%;
height: 540px;
object-fit: cover;
}
.aboutus .boxBlue {
min-height: 540px;
}
.aboutus .boxBlue1 {
min-height: 540px;
}
.aboutus .boxRed {
min-height: 540px;
}
.aboutus .boxYellow {
min-height: 540px;
}
/*.grayscale {
filter: url(“data:image/svg+xml;utf8,#grayscale”);
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
}
.grayscale:hover {
filter: url(“data:image/svg+xml;utf8,#grayscale”);
-webkit-filter: grayscale(0%);
}*/
.termsandcon {
overflow: hidden;
background-image: linear-gradient(to left, #0066cc, #0066cc 50%, white 50%);
background-attachment: fixed;
background-repeat: no-repeat;
margin-top: 132px !important;
}
.termsandcon .left-content {
background: #fff;
padding-bottom: 100%;
margin-bottom: -100%;
}
.termsandcon .terms {
padding-right: 100px;
margin-bottom: 35px;
}
.termsandcon .terms h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
}
.termsandcon .terms p {
font-size: 15px;
font-weight: 400;
line-height: 22px;
text-align: justify;
}
.termsandcon .right-content {
background: #0066cc;
padding-bottom: 100%;
margin-bottom: -100%;
}
.termsandcon .right-content ul {
margin: 60px 0 0 20px;
}
.termsandcon .right-content li {
line-height: 35px;
list-style: outside none none;
}
.termsandcon .right-content li a {
color: #fff;
font-size: 18px;
text-decoration: none;
}
.termsandcon .right-content li a:hover {
font-weight: bold;
}
.carousel {
width: auto;
max-height: 600px;
overflow: hidden;
max-height: 600px;
}
.carousel .carousel-control {
background: transparent none repeat scroll 0 0;
box-shadow: none;
color: transparent;
text-shadow: none;
visibility: visible;
}
.carousel-control:hover,
.carousel-control:focus {
color: transparent;
}
#myCarousel .carousel-control.right,
.carousel-control.right {
background: rgba(0, 0, 0, 0) url("../images/photoandvideo/arrowNext.png") no-repeat scroll right 30px center / 30px auto;
}
#myCarousel .carousel-control.left,
.carousel-control.left {
background: rgba(0, 0, 0, 0) url("../images/photoandvideo/arrowPre.png") no-repeat scroll left 30px center / 30px auto;
}
.testimonials .carousel-control.right,
.carousel-control.right {
background: transparent;
}
.testimonials .carousel-control.left,
.carousel-control.left {
background: transparent;
}
.videocontainer {
position: relative;
width: 100%;
height: 600px;
/*padding-bottom: 44.5%;*/
overflow: hidden;
}
.iframevideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map{
float: left;
}
#cf {
position: relative;
height: 281px;
width: 450px;
margin: 0 auto;
}
.facilityServices {}
.facilityServices .centeredWrapper {
min-height: 270px;
display: flex;
align-items: center;
text-align: center;
}
.facilityServices .centeredContainer {
width: 100%;
text-align: center;
}
.facilityServices .imgContainer {
min-height: 130px;
display: inline-block;
margin-bottom: 30px;
}
.facilityServices .centeredContainer img {
max-height: 130px;
}
.facilityServices h1 {
font-size: 16px;
text-transform: uppercase;
color: #373634;
}
.facilityServices p.tagline {
font-size: 14px;
color: #373634;
}
#myCarousel .carousel-inner {
padding: 0px;
background: #ccc;
}
video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
min-height: 600px;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
background-size: cover;
transition: 1s opacity;
}
.stopfade {
opacity: .5;
}
#polina {
color: white;
width: 100%;
}
#polina button {
background: rgba(255, 255, 255, 0.23) none repeat scroll 0 0;
border: medium none;
cursor: pointer;
font-size: 1.3rem;
margin: 1rem auto;
transition: background 0.3s ease 0s;
}
#polina button:hover {
background: rgba(0, 0, 0, 0.5);
}
pt-30 {
padding-top: 30px;
}
.readMore a {
font-size: 24px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
vertical-align: middle;
white-space: nowrap;
color: #000;
text-decoration: none;
}
.readMore a:hover {
font-weight: 700;
}